<script>
$(".playbutton").hover(
function(){
$('div.play', this).show();
},
function(){
$('div.play', this).hide();
}
);
</script> 

<style>
.play {
background: url('Hinhanh/images/blue-red.jpeg') no-repeat scroll center center transparent;
height: 32px;
margin: -62px 29px 0 31px;
opacity: 0.8;
position: relative;
width: 32px;
z-index: 100;
display:none;
}
img.hover{
background:url(Hinhanh/images/pen_1.jpeg) no-repeat center center;

}
 </style>


<div class="playbutton"><img src='Hinhanh/images/blue-red.jpeg' />
<a href="ppvvideo_detail.php?product_id={product_id}&clip_id={more_id}">{photo_path}</a>
<div class="play"></div>
</div>